<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>重庆夏越科技教育培训公司</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <!-- 头部开始 -->
    <header>
      <div class="top1 width margin">
        <div class="logo left">
          <a href="#" class="left"><img src="images/logo.jpg" /></a>
          <div class="left">
            <h1>学习网</h1>
            <span>ISTUDY.COM</span>
          </div>
        </div>
        <form class="topCent left">
          <select>
            <option>课程</option>
            <option>大一</option>
            <option>大二</option>
            <option>大三</option>
            <option>大四</option>
          </select>
          <input type="text" name="search" value="" placeholder="请输入你想输入的内容…" />
          <button type="button" name="submit" class="right">提交</button>
        </form>
        <div class="user right">
          <a href="#">登录</a>
          <a href="#">注册</a>
          <a href="#">下载</a>
        </div>
      </div>
      <hr />
      <nav class="top2 width margin">
        <li><a href="#">首页</a></li>
        <li><a href="#">课程学习</a></li>
        <li><a href="#">培训通知</a></li>
        <li><a href="#">考试通知</a></li>
        <li><a href="#">新闻动态</a></li>
        <li><a href="#">单位专题</a></li>
        <li><a href="#">服务指南</a></li>
        <li><a href="#">关于我们</a></li>
      </nav>
    </header>
    <!-- 头部结束 -->
    <!-- banner开始 -->
    <div class="banner">
      <a href="#" class="img"><img src="images/banner.png" /></a>
      <div class="banners margin width">
        <ul class="trade">
          <li>
            <a href="#"><h4>IT互联网</h4></a>
            <a href="#">前端开发</a>
            <a href="#">后端开发</a>
            <a href="#">▶</a>
          </li>
          <li>
            <a href="#"><h4>设计</h4></a>
            <a href="#">平面设计</a>
            <a href="#">室内设计</a>
            <a href="#">▶</a>
          </li>
          <li>
            <a href="#"><h4>职业</h4></a>
            <a href="#">人力资源</a>
            <a href="#">产品经理</a>
            <a href="#">▶</a>
          </li>
          <li>
            <a href="#"><h4>生活</h4></a>
            <a href="#">健身</a>
            <a href="#">投资理财</a>
            <a href="#">▶</a>
          </li>
        </ul>
        <button type="button">立即报名&nbsp;&nbsp;→</button>
        <div class="rot">
          <span></span>
          <span class="select"></span>
          <span></span>
        </div>
      </div>
    </div>
    <!-- banner结束 -->
    <!-- 内容板块开始 -->
  <div class="cont">
    <div class="contA width margin acc">
      <!-- 热门课程开始 -->
      <div class="hot acc left">
        <div class="hotTit acc">
          <h3 class="Tith3">热门课程</h3>
          <ul class="Titul left">
            <li><a href="#">行政管理</a></li>
            <li><a href="#">投资理财</a></li>
            <li><a href="#">产品经理</a></li>
            <li><a href="#">党务学习</a></li>
            <li><a href="#">协调沟通</a></li>
          </ul>
          <a href="#" class="more">更多</a>
        </div>
        <ul class="titul acc">
          <li><a href="#">
            <div class="hotimg"><img src="images/hot1.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
          <li><a href="#">
            <div class="hotimg"><img src="images/hot2.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
          <li><a href="#">
            <div class="hotimg"><img src="images/hot3.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
          <li><a href="#">
            <div class="hotimg"><img src="images/hot4.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
          <li><a href="#">
            <div class="hotimg"><img src="images/hot5.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
          <li><a href="#">
            <div class="hotimg"><img src="images/hot6.jpg" /></div>
            <div class="hottitle">
              <a href="#"><h4>并发编程高阶技术</h4></a>
              <span>更新至4-1</span>
              <span>1094 人学习</span>
            </div>
          </a></li>
        </ul>
      </div>
      <!-- 热门课程结束 -->
      <!-- 今日直播开始 -->
      <div class="live acc left">
        <div class="liveTit acc">
          <h3 class="Tith3">今日直播</h3>
          <a href="#" class="more">更多</a>
        </div>
        <ul class="liveul acc">
          <li><span>8:35</span><a href="#">全网最热人工智能入门+进阶</a></li>
          <li><span>8:35</span><a href="#">并发编程高阶技术</a></li>
          <li><span>8:35</span><a href="#">培育社会主义核心价值观</a></li>
          <li><span>8:35</span><a href="#">美工进阶设计</a></li>
          <li><span>8:35</span><a href="#">网络安全形势与策略应对</a></li>
        </ul>
      </div>
      <!-- 今日直播结束 -->
      <!-- 考试通知开始 -->
      <div class="live acc left">
        <div class="liveTit acc">
          <h3 class="Tith3">考试通知</h3>
          <a href="#" class="more">更多</a>
        </div>
        <ul class="testul acc">
          <li><span>8:35</span><a href="#">全网最热人工智能入门+进阶</a></li>
          <li><span>8:35</span><a href="#">并发编程高阶技术</a></li>
          <li><span>8:35</span><a href="#">培育社会主义核心价值观</a></li>
          <li><span>8:35</span><a href="#">美工进阶设计</a></li>
          <li><span>8:35</span><a href="#">网络安全形势与策略应对</a></li>
        </ul>
      </div>
      <!-- 考试通知结束 -->
    </div>
    <!-- 线下活动开始 -->
    <div class="offact width margin acc">
      <div class="actTit acc">
        <h3 class="Tith3">线下活动</h3>
        <a href="#" class="more">更多</a>
      </div>
      <ul class="titul acc">
        <li><a href="#">
          <div class="hotimg">
            <h2>漫画家</h2>
            <h3>爱好是最好的老师</h3>
            <p>专业团队/量身定制</p>
          </div>
          <div class="acttitle">
            <a href="#"><h4>报名时间：2020-10-21</h4></a>
          </div>
        </a></li>
        <li><a href="#">
          <div class="hotimg">
            <h2>漫画家</h2>
            <h3>爱好是最好的老师</h3>
            <p>专业团队/量身定制</p>
          </div>
          <div class="acttitle">
            <a href="#"><h4>报名时间：2020-10-21</h4></a>
          </div>
        </a></li>
        <li><a href="#">
          <div class="hotimg">
            <h2>漫画家</h2>
            <h3>爱好是最好的老师</h3>
            <p>专业团队/量身定制</p>
          </div>
          <div class="acttitle acc">
            <a href="#"><h4>报名时间：2020-10-21</h4></a>
          </div>
        </a></li>
      </ul>
    </div>
    <!-- 线下活动结束 -->
    <!-- 培训通知开始 -->
    <div class="notice width acc">
      <div class="notTit acc">
        <h3 class="Tith3">培训通知</h3>
        <a href="#" class="more">更多</a>
      </div>
      <ul class="notul acc">
        <li>
          <div class="not1">
            <a href="#">
              <h3>方案系统培训班</h3>
              <span>揭晓魔力营销文案整套写作秘笈</span>
            </a>
          </div>
          <div class="not2">
            <a href="#">
              <img src="images/teacher.png" />
              <h4>讲师：姚某人</h4>
            </a>
          </div>
          <div class="not3">
            <a href="#">
              <span>共10堂课</span>
              <span>报名人数：123</span>
            </a>
          </div>
        </li>
        <li>
          <div class="not1">
            <a href="#">
              <h3>方案系统培训班</h3>
              <span>揭晓魔力营销文案整套写作秘笈</span>
            </a>
          </div>
          <div class="not2">
            <a href="#">
              <img src="images/teacher.png" />
              <h4>讲师：姚某人</h4>
            </a>
          </div>
          <div class="not3">
            <a href="#">
              <span>共10堂课</span>
              <span>报名人数：123</span>
            </a>
          </div>
        </li>
        <li>
          <div class="not1">
            <a href="#">
              <h3>方案系统培训班</h3>
              <span>揭晓魔力营销文案整套写作秘笈</span>
            </a>
          </div>
          <div class="not2">
            <a href="#">
              <img src="images/teacher.png" />
              <h4>讲师：姚某人</h4>
            </a>
          </div>
          <div class="not3">
            <a href="#">
              <span>共10堂课</span>
              <span>报名人数：123</span>
            </a>
          </div>
        </li>
        <li>
          <div class="not1">
            <a href="#">
              <h3>方案系统培训班</h3>
              <span>揭晓魔力营销文案整套写作秘笈</span>
            </a>
          </div>
          <div class="acc not2">
            <a href="#">
              <img src="images/teacher.png"/>
              <h4>讲师：姚某人</h4>
            </a>
          </div>
          <div class="not3 acc">
            <a href="#">
              <span>共10堂课</span>
              <span>报名人数：123</span>
            </a>
          </div>
        </li>
      </ul>
    </div>
    <!-- 培训通知结束 -->
  </div>
  <!-- footer开始 -->
  <div class="footer margin width acc">
    <div class="left footl">
      <ul>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">常见问题</a></li>
        <li><a href="#">法律声明</a></li>
        <li><a href="#">相关教程</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
      <p>Copyright © 2021 www.istudy.com. All rights reserved.粤ICP备8456744号-6</p>
    </div>
    <div class="footr right">
      <h2>150-25387190</h2>
      <p>周一至周五 9:30 - 18:30</p>
    </div>
  </div>
  <!-- footer结束 -->
  </body>
</html>